<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务列表</title>
    <link rel="stylesheet" href="../model/model.css">
    <link rel="stylesheet" href="project.css">
    <link rel="stylesheet" href="ChildProject.css">
    <link rel="stylesheet" href="../page/page.css">
    <style>
        /* #myul .show:nth-child(12){
             background-color: #e7f0f7;
             color: rgb(130, 163, 220);
             border-Right:3px solid #0f6ab1;
         }
          */
          #myul .show:nth-child(10){
             background-color: #e7f0f7;
             color: rgb(130, 163, 220);
             border-Right:3px solid #0f6ab1;
         }
         
         
     </style>
</head>
<body>
    <div id="header">
        <div class="logo">
            <img src="../img/保尔科技-logo-副本.png" alt="">
        </div>
        <div class="item">
            <div class="time"></div>
            <div class="refresh">
                <img src="../img/刷新.png" alt="">
            </div>
            <div class="user">
                <img src="../img/用户.png" alt="">
                <p>哇哈哈</p>
            </div>
            <div class="loginOut">
                <img src="../img/退出.png" alt="">
            </div>
        </div>
    </div>
    <div id="menu">
        <ul id="myul">
            <li class="show"><img src="../img/班级管理.png" alt="">班级管理</li>
            <li class="show"><img src="../img/日常黑.png" alt="">日常&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li class="shownone childmenu">出差记录</li>
            <li class="shownone childmenu">请假记录</li>
            <li class="shownone childmenu">考勤统计</li>
            <li class="show"><img src="../img/用户管理黑u.png" alt="">用户管理</li>
            <li class="show"><img src="../img/学生档案.png" alt="">学生档案</li>
            <li class="show"><img src="../img/日志系统黑.png" alt="">日志系统</li>
            <li class="show"><img src="../img/审核系统黑.png" alt="">审核系统</li>
            <li class="show"><img src="../img/项目管理黑.png" alt="">项目管理</li>
            <!-- <li class="show childmenu">项目列表</li> -->
            <li class="show childmenu">我的任务</li>
            <li class="show"><img src="../img/设置(1).png" alt="">系统设置</li>
        </ul>
    </div>
    <div id="content">
        <div id="contentRight">
            <div class="contentHeader">
                <div class="title">
                    <div></div>
                    <span>任务管理</span>
                </div>
                <div class="search">
                    <input type="text" name="" id="" placeholder="请输入项目名称">
                    <input type="date" name="" id="" placeholder="开始时间">
                    <span>—</span>
                    <input type="date" name="" id="" placeholder="结束时间">
                    <button>搜索</button>
                </div>
                <div class="addition">
                    <div>添加任务</div>
                    <!-- <img src="../img/加号.png" alt=""> -->
                    <div class="add">
                        <p>添加项目</p>
                    </div>
                </div>
            </div>
            <div class="contentBottom">
                <table>
                    <thead>
                        <tr>
                            <td>编号</td>
                            <td>任务名称</td>
                            <td>负责人</td>
                            <td>工时(天)</td>
                            <td>开始时间</td>
                            <td>结束时间</td>
                            <td>项目进度(%)</td>
                            <td>操作</td>
                            <!-- <td></td> -->
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>1</td>
                            <td>UI设计</td>
                            <td>大米饭</td>
                            <td>2</td>
                            <td>2024.5.10</td>
                            <td>2024.5.10</td>
                            <td>90</td>
                            <td>
                                <div class="more">修改</div>
                                <div class="more2">删除</div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>UI设计</td>
                            <td>大米饭</td>
                            <td>2</td>
                            <td>2024.5.10</td>
                            <td>2024.5.10</td>
                            <td>90</td>
                            <td>
                                <div class="more">修改</div>
                                <div class="more2">删除</div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>UI设计</td>
                            <td>大米饭</td>
                            <td>2</td>
                            <td>2024.5.10</td>
                            <td>2024.5.10</td>
                            <td>90</td>
                            <td>
                                <div class="more">修改</div>
                                <div class="more2">删除</div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>UI设计</td>
                            <td>大米饭</td>
                            <td>2</td>
                            <td>2024.5.10</td>
                            <td>2024.5.10</td>
                            <td>90</td>
                            <td>
                                <div class="more">修改</div>
                                <div class="more2">删除</div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>UI设计</td>
                            <td>大米饭</td>
                            <td>2</td>
                            <td>2024.5.10</td>
                            <td>2024.5.10</td>
                            <td>90</td>
                            <td>
                                <div class="more">修改</div>
                                <div class="more2">删除</div>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
                <!-- 分页 -->
                <div id="page">
                    <span class="pageCount">共？页</span>
                    <button onclick="package1(0)" class="myBtn">首页</button>
                    <button onclick="package1(1)" class="myBtn">上一页</button>
                    <button onclick="package1(2)" class="myBtn">下一页</button>
                    <button onclick="package1(3)" class="myBtn">最后一页</button>
                </div>
            </div>
        </div>
        <div id="mask" class="maskShowNone"></div>
        <!-- <div id="addProject" class="projectShowNone">
            <div class="Phead">添加任务</div>
            <div class="PBox">
                <div class="Pcontent">
                    任务名称：<input type="text">
                    &nbsp;&nbsp;负责人：<input type="text">
                </div>
                <div class="Pcontent">
                    项目工期：<input type="text">
                    开始时间：<input type="date">
                </div>
                <div class="Pcontent1">
                    结束时间：&nbsp;&nbsp;&nbsp;<input type="date">
                </div>
                <div class="Pcontent2">
                    <button>确认</button>
                    <button>取消</button>
                </div>
            </div>
        </div> -->
        <div id="addProject2" class="projectShowNone">
            <div class="Phead">修改任务</div>
            <div class="PBox">
                <div class="Pcontent">
                    任务名称：<input type="text">
                    &nbsp;&nbsp;负责人：<select name="" id=""></select>
                </div>
                <div class="Pcontent">
                    项目工期：<input type="text">
                    开始时间：<input type="date">
                </div>
                <div class="Pcontent1">
                    结束时间：&nbsp;&nbsp;&nbsp;<input type="date">
                    比重(百分比%)：<input type="text">
                </div>
                <div class="Pcontent2">
                    <button>确认</button>
                    <button>取消</button>
                </div>
            </div>
        </div>
        <div id="addProject3" class="projectShowNone">
            <div class="Phead">添加任务</div>
            <div class="PBox">
                <div class="Pcontent">
                    任务名称：<input type="text">
                    &nbsp;&nbsp;负责人：<select name="" id=""></select>
                </div>
                <div class="Pcontent">
                    任务工期：<input type="text">
                    开始时间：<input type="date">
                </div>
                <div class="Pcontent1">
                    结束时间：&nbsp;&nbsp;&nbsp;<input type="date">
                    &nbsp;&nbsp;&nbsp;&nbsp;
                     比重(小数)：<input type="text">
                </div>
                <div class="Pcontent2">
                    <button>确认</button>
                    <button>取消</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../AJAX/封装AJAX.js"></script>
<script src="../model/model.js"></script>
<!-- <script src="project.js"></script> -->
<script src="ChildProject.js"></script>
<script src="../page/pageCount.js"></script>
</html>